Static Web Hosting แบบ Serverless ด้วย AWS Amplify (ง่ายมากๆ)
2024.07.17เนื่องในโอกาสที่ AWS Amplify ทำการเปลี่ยน UI ใหม่
ผมเลยอยากจะมาแนะนำ Service นี้ที่ใช้ในการ Deploy Website ของเราโดยที่เราไม่ต้องทำการ Management ฝั่ง Server เลย(Serverless) และมีการใช้งานที่ง่ายมากๆ แค่ไม่กี่คลิกเราก็มีเว็บไซต์เป็นของตัวเองแล้ว
ลงมือทำ
ก่อนอื่นให้เราทำการเปิด AWS Amplify Console
แล้วคลิก Create new app
จะเห็นว่าเราสามารถเริ่ม Deploy your app ได้จากหลากหลายตัวเลือก
แต่สำหรับบทความนี้เราจะเลือกตัวเลือกที่ง่ายที่สุด คือเราจะทำการอัพโหลดไฟล์ โดยตรงกับ AWS Amplify ครับ
คลิก Deploy without Git
คลิก Next
หากเรามีไฟล์เว็บไซต์ของเราที่ Zip อยู่แล้ว สามารถอัพโหลดได้เลย
แต่ถ้าใครยังไม่มีลองสร้างไฟล์ html แล้วใส่ตัวอย่างโค้ดตามด้านล่าง หากต้องการอยากทำตามได้
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple HTML Page</title>
</head>
<body>
<h1>Welcome to My Simple HTML Page</h1>
<p>This is a basic HTML file with minimal content.</p>
</body>
</html>
ทำการ Save เป็นชื่อ index.html
ทำการ Zip file แล้วทำการอัพโหลด
คลิก Save and deploy
เมื่อขึ้นสถานะ Deployed แล้ว ให้เราทำการกดลิ้งค์
จะได้เว็บไซต์ของเราแล้ว เย่!
วิธีการลบ Resource
เราสามารถลบ Resource ที่เราสร้างขึ้นมาได้โดยการ
คลิก App settings ในแถบด้านซ้าย
คลิก General settings ในแถบด้านซ้าย
กดปุ่ม Delete app
จากนั้นพิมพ์ delete
แล้วกด Delete app
เป็นอันเสร็จสิ้นครับ
ค่าใช้จ่ายที่เกิดขึ้น
สำหรับค่าใช้จ่ายที่เกิดในส่วนนี้ เราสามารถตรวจสอบได้จากเว็บไซต์ต่อไปนี้
ราคา AWS Amplify | ฟรอนต์เอนด์เว็บและมือถือ | Amazon Web Services
หรือหากต้องการคำนวณแบบระเอียด สามารถเข้าไปคำนวณด้วยตัวเองได้ที่
AWS Calculator
โดยหากเราสามารถใช้ Free Tier ได้ จะเห็นได้ว่าค่าใช้จ่ายหลายส่วนจะราคาลดลงมาก ถือว่าดีมากๆ สำหรับคนที่แค่อยากลองใช้
